<template>
  <van-grid>
    <van-grid-item v-for="i in gridList" :key="i.id" :icon="i.icon" :text="i.text" :to="i.to" />
  </van-grid>
</template>

<script>
export default {
  data() {
    return {
      gridList: [
        {
          icon: 'fire-o',
          to: '/bloglist/vue',
          text: 'vue'
        },
        {
          icon: 'star-o',
          to: '/bloglist/css',
          text: 'css'
        },
        {
          icon: 'hotel-o',
          to: '/bloglist/js',
          text: 'js'
        },
        {
          icon: 'font-o',
          to: '/bloglist/html',
          text: 'html'
        },
        {
          icon: 'points',
          to: '/bloglist/node',
          text: 'node'
        },
        {
          icon: 'other-pay',
          to: '/bloglist/other',
          text: '其他'
        }
      ]
    }
  }
}
</script>

<style>

</style>
